<html>
    <?php
        include "logado/conectar.php";
        include "logado/auxiliar.php";

        include 'menu_logado.php';
        mysql_set_charset('utf8');
        ini_set('default_charset', 'UTF-8');

        if ($tipoPessoa != 4) {
            header("Location: index.php");
        }
    ?>
    <head>
        <meta charset="utf-8"/>
        <title>Escalação</title>
        <link rel="stylesheet" type="text/css" href="css/escalacao.css" />
        <link rel="stylesheet" href="css/jquery.ui.all.css">
        <link rel="stylesheet" href="css/demos.css">

        <script src="../js/jquery-1.10.2.js"></script>
        <script src="../js/jquery.ui.core.js"></script>
        <script src="../js/jquery.ui.widget.js"></script>
        <script src="../js/jquery.ui.mouse.js"></script>
        <script src="../js/jquery.ui.sortable.js"></script>

        <style>
            #reservas, #titulares { 
                list-style-type: none;
                margin: 0;
                padding: 0;
                float: left;
                margin-right: 10px;
                background: #eee;
                padding: 5px;
                width: 300px;
            }
            #reservas li, #titulares li {
                margin: 5px;
                padding: 5px;
                font-size: 1.2em;
                width: 280px;
            }
        </style>
        <script>
            var titular;
            var reserva;
            var idpartida;
            var postit = new Array();
            var posres = new Array();

            $(function() {
                $("ul.droptrue").sortable({
                    connectWith: "ul"
                });

                $("ul.dropfalse").sortable({
                    connectWith: "ul",
                    dropOnEmpty: false
                });

                $("#reservas, #titulares").disableSelection();
            });

            $(function() {
                $('#reservas').sortable({
                    connectWith: '#titulares',
                    update: function(event, ui) {
                        reserva = $(this).sortable('toArray', {attribute: 'value'});
                    }
                });
                $('#titulares').sortable({
                    connectWith: '#reservas',
                    update: function(event, ui) {
                        titular = $(this).sortable('toArray', {attribute: 'value'});
                    }
                });
            });

            $(function() {
                $("#escala").click(function() {
                    postit = [];
                    posres = [];
                    idpartida = $("#partida").val();
                    
                    $("#divreservas select").each(function() {
                        posres.push($(this).val());
                    });
                    $("#divtitulares select").each(function() {
                        postit.push($(this).val());
                    });
                    //alert(idpartida);

                    if ((titular.length) === 11) {
                        var cont = 0; //contador de goleiros
                        for (pos = 0; pos < postit.length; pos++) {
                            if (postit[pos] === '1') {
                                cont++;
                            }
                        }
                        if (cont === 1) {
                            $.post("aux_escalacao.php", {
                                titulares: titular, reservas: reserva, posicaotit: postit, posicaores: posres, partida: idpartida}
                            );
                            alert("Escalação reslizada com sucesso.!");
                        } else {
                            alert("Você nao tem 1 goleiro no time titular");
                        }
                    } else {
                        alert("A escalação não possui 11 jogadores!");
                    }
                });
            });
        </script>
    </head>

    <body>
        <div id="cadastro">
            <form id="frm-cadastro" name="frm">
                <?php
                    $idPartida = $_REQUEST["idPartida"];
                    $jogClube = mysql_query("SELECT * from vinculo v inner join jogador j on (v.idJogador = j.idJogador) where v.idClube = '$idClube'", $con);
                    $posicao = mysql_query("SELECT * from posicao", $con);

                    $qtdLinha2 = mysql_num_rows($jogClube);
                    $qtdLinha3 = mysql_num_rows($posicao);

                    for ($q = 0; $q < $qtdLinha2; $q++) {
                        $resultJog[$q] = mysql_fetch_array($jogClube);
                    }

                    for ($q = 0; $q < $qtdLinha3; $q++) {
                        $resultPos[$q] = mysql_fetch_array($posicao);
                    }
                    
                    echo "<input id='partida' name='partida' type='hidden' value='$idPartida' />";
                    echo "<div id='divreservas' class='divjogadores'>";
                    echo "<label>Reservas</label>";
                    echo "<ul id='reservas' class='droptrue'>";
                    for ($w = 0; $w < $qtdLinha2; $w++) {
                        echo "<li class='ui-state-highlight' name='jog$w' value='" . $resultJog[$w]["idVinculo"] . "'>" . $resultJog[$w]["apelidoJogador"] . " <select>";

                        for ($z = 0; $z < $qtdLinha3; $z++) {
                            if ($resultJog[$w]["idPosicao"] == $resultPos[$z]["idPosicao"]) {
                                echo "<option value='" . $resultPos[$z]["idPosicao"] . "' selected>" . $resultPos[$z]["dscPosicao"] . "</option>";
                            } else {
                                echo "<option value='" . $resultPos[$z]["idPosicao"] . "'>" . $resultPos[$z]["dscPosicao"] . "</option>";
                            }
                        }
                        echo "</select></li>";
                    }
                    echo "</ul>";
                    echo "</div>";

                    echo "<div id='divtitulares' class='divjogadores'>";
                    echo "<label>Titulares</label>";
                    echo "<ul id='titulares' class='dropfalse'>";
                    echo "</ul>";
                    echo "</div>";
                ?>

                <div id="botoes">
                    <input type="button" id="escala" name="escala" value="Escalar" />
                    <input type="button" name="voltar" value="Voltar" />
                </div>
            </form>
        </div>
    </body>
</html>


